<!doctype html>
<%@page contentType="text/html;charset=UTF-8"%>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<html>
<f:view>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['system_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="../../js/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
       <!-- Load player theme -->
    <link href="<%=request.getContextPath()%>/flexpaper/theme/maccaco/projekktor.style.css" type="text/css" media="screen" />

    <!-- load projekktor -->
    <script src="<%=request.getContextPath()%>/flexpaper/projekktor-1.2.38r332.min.js"></script>
   	<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
    
    <%
		UserBean users = (UserBean) session.getAttribute("userBean");
			if ((users == null) || (users.getUserName().equals(""))) {
	%>
		<jsp:forward page="../../sessionInvalid.jsp" />
	<%
	}
	%>
</head>

<body class="bg-white" style="overflow-x:hidden;">
	 <h:form>
		<div class="row page-head">
			<h3 class="page-title">
				<i class="n-icon-selection  n-icon-black"></i><h:outputText value="#{messages['course_page_course_info']}"/>&nbsp;&gt;&nbsp;<b><h:outputText value="#{messages['course_page_course_video']}" /></b>
			</h3>
			<h:commandLink value="#{messages['btn_back']}" action="main" styleClass="btn" immediate="true" style="margin-top:-42px;float:right;margin-right:20px;">
				</h:commandLink> 
		</div>
		<div >
			
				
				<p align="center">
				<%
				String path = request.getContextPath();
				String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
			
				%>
					  
				 <div align="center">
					 <video id="player_a" class="projekktor" poster="<%=request.getContextPath()%>/flexpaper/media/intro.png"  width="840" height="500" controls  >
				        <source src='<%=basePath %>tempfile/<%=(String)session.getAttribute("videoFileName")%>' type="video/<%=(String)session.getAttribute("videoFileType")%>" />
				    </video>
				</div>	
					 
					
				</p>	
	        </h:form>
	 	</div>
	<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
</body>
</f:view>
</html>
